Hi there and thank you for purchasing 'Jumbo'! This documentation will cover the ins and outs on how to get your newly-purchased WordPress plugin up and running, fast. Our goal was to make everything as simple and straighforward as possible, so without further delay, let's get you started!
Installing the plugin couldn't be simpler.
Once you've activated the plugin, you need to build the actual menu(s). Read the next step for instructions on how to go about that.
Jumbo has two different menu locations: one for the main full-screen menu, and the other for the secondary drop-down menu. To attach actual menus to them, you'll first need to build the menus through the standard WordPress menu editor:
Note: You can also add 'intros' to the top-level main menu items (smaller text above actual menu item). These need to be added into the menu items' "Description" textarea. By default, this text area isn't activated. To activate it, click on the "Screen Options" tab in the top-right corner of the menu editing page and tick the "Description" checkbox. After doing that, all menu items will have the "Description" textfield visible.
Note: As of version 3.0, the secondary drop-down menu also supports menu item descriptions which appear below the menu item. Like described above, simply add your description into the menu item's "Description" field in the WordPress menu editor.
You can add a wide variety of icons to Jumbo's secondary, multi-level drop-down menu. To do so, you simply need to insert the icon code infront of the actual menu item's Navigation Label.
<i class="fa-solid fa-anchor"></i>Anchor
Now check your site and you should see the menu item inside the dropdown menu. Now we'll explain what does what.
What you entered into the "Link Text" textfield were both the icon and the text label.
This part is the icon: <i class="fa-solid fa-anchor"></i>
...and this part is the text label: Anchor
To see the full range of icons available, head to the Font Awesome website here.
To use one of the icons available there, simply click on it and copy its HTML snippet into the WordPress menu builder as described above.
For example, let's say you want to link to your Twitter account.
In that case, the full Navigation Label can be:<i class="fa-brands fa-twitter"></i>Twitter
Or perhaps you'd like to link to page that lists your podcasts. In case, this would work:<i class="fa-solid fa-microphone-lines"></i>Podcasts
Or, as a final example, you wish to link to
a gallery page: <i class="fa-solid fa-camera-retro"></i>Image gallery
Starting with version 3.9, the Line Awesome icon set is also included in Jumbo. Making use of it is very similar to Font Awesome. To see the icons available, simply head to https://icons8.com/line-awesome, click on the icon you'd like to use and copy-paste the code into your menu.
A few examples that you can paste into the menu editor:
<i class="las la-charging-station"></i>Charge
<i class="las la-paw"></i>Puppy
We've put quite a lot of effort into making sure that Jumbo can be customized to great extent. Whether you just wish to change a few colors here or there and change a few minor settings, or make it essentially unrecognizable from the default appearance, the goal was to give you easy-to-use tools that would allow you to modify the plugin's appearance pretty much however you see fit.
As of version 3.0, all the customizations can be done via the WordPress Live Customizer under Appearance > Customize > Jumbo Plugin. You'll find everything to be organized logically and explained in detail where necessary.
If you'd like to use a custom element to activate the menu (a custom menu button, perhaps), you can do so by just giving the element the "jumbo-custom-activator" class. This can be added to a text link, menu button, image etc. You can also hide the default main menu button on the plugin's settings page under Appearance > Customize > Jumbo Plugin.
Should you find something unclear about this documentation and have a question, then you can easily reach us through our CodeCanyon profile here (use the bottom-right contact form): http://codecanyon.net/user/BonfireThemes